window.onload = function () {
    /* 
        【1】获取元素
        【2】发送登录请求的
            +   登录成功的时候 需要把用户名存储天cookie中
            +   当登录失败的时候 需要重新登录
        【3】发送一个注册请求
            +   注册成功的时候 那么就可以用注册的用户名和密码进行登录
    */
    let loginForm = document.querySelector(".login");
    let loginUser = document.querySelector("#loginUser");
    let loginPass = document.querySelector("#loginPass");

    let registForm = document.querySelector(".regist");
    let registUser = document.querySelector("#registUser");
    let registPass = document.querySelector("#registPass");

    loginForm.onsubmit = function (e) {
        e = e || window.event;
        e.returnValue = false;

        let p = pAjax({
            url: "../api/login.php",
            type: "post",
            data: {
                username: loginUser.value,
                password: loginPass.value,
            },
        });
        p.then((res) => {
            res = JSON.parse(res);
            if (res.code) {
                // 表示登录成功
                // 把用户名存在cookie中
                setCookie("login", loginUser.value);
                // 看看是从哪个页面跳转到登录页面来
                // 如果是从详情页或者购物车过来的，登录成功了 应该跳回到对应的页面
                // 如果是直接打开登录页面，登录成功了 跳到首页
                let url = localStorage.getItem('url');
                localStorage.removeItem('url');
                location.href = url ? url : '../index.html';
            } else {
                loginUser.value = "";
                loginPass.value = "";
                alert("不存在该用户")
            }
        });
    };
    registForm.onsubmit = function (e) {
        e = e || window.event;
        e.returnValue = false;

        ajax({
            url: "../api/regist.php",
            type: "get",
            data: {
                username: registUser.value,
                password: registPass.value,
            },
            success: function (res) {
                console.log(res);
            }
        });
        registUser.value = "";
        registPass.value = "";
        alert("注册成功")
    };
};